import React, { Component } from 'react'
import "./style.less"
import "../../../../static/iconfont1/iconfont.css"
import OneImg from  "../../../../static/icon/1.png"
import TwoImg from  "../../../../static/icon/2.png"
import ThreeImg from  "../../../../static/icon/3.png"
import FourImg from  "../../../../static/icon/mmmm_03.png"
import IconHeader from  "../../../../static/icon/iconHeader.png"

export default class ViewIndex extends Component{
  render(){
    return(
      <div className='view-index'>
      	<div className="box1">
	        <div className="view-index-search">
	        	<input type="text" className="view-index-search-input" placeholder="公考求职" />
	        	<i className="iconfont icon-sousuo view-index-search-input-aa"></i>
	        </div>
        </div>
        <div className="view-list">
        	<div className="view-list-class">
	        	<div className="view-list-class-hot">
	        		 <img src={ OneImg } alt=""  />
	        		 <p>#热门话题#</p>
	        	</div>
	        	<div className="view-list-class-essence">
	        		 <img src={ TwoImg } alt=""  />
	        		 <p>#精华问答#</p>
	        	</div>
	        	<div className="view-list-class-course">
	        		 <img src={ TwoImg } alt=""  />
	        		 <p>#精华问答#</p>
	        	</div>
        	</div>
        </div>
      <div className="comments">
            <div className="happy">
                <img src={ FourImg } alt="" className="gdimg" />
                <div className="happy-img">
                    <img src={ IconHeader } alt="" />
                    <div className="happy-txet">
                        <h6>Happy Girl</h6>
                        <p>2018.7.25</p>
                    </div>
                </div>
            </div>
            <div className="comments-text">
                今天是我第一天学习,分享一下我的额笔记,嘿嘿~ <br/>
                管理者的概念与角色:<br/>
                管理者是在组织中通过这行计划、组织、领导、控制等职能 <br/>
                带领其他人为实现组织目标而共同努力的人。
            </div>
            <div className="comments-footer">
                <div className="comments-footer-left" >
                    浏览1800次
                </div>
                <div className="comments-footer-right">
                    <i className="iconfont icon-xiaoxi tb1"></i>
                    <i className="iconfont icon-dianzan tb2"></i>
                </div>
                
            </div>
            
        </div>
         <div className="comments">
            <div className="happy">
                <img src={ FourImg } alt="" className="gdimg" />
                <div className="happy-img">
                    <img src={ IconHeader } alt="" />
                    <div className="happy-txet">
                        <h6>Happy Girl</h6>
                        <p>2018.7.25</p>
                    </div>
                </div>
            </div>
            <div className="comments-text">
                今天是我第一天学习,分享一下我的额笔记,嘿嘿~ <br/>
                管理者的概念与角色:<br/>
                管理者是在组织中通过这行计划、组织、领导、控制等职能 <br/>
                带领其他人为实现组织目标而共同努力的人。
            </div>
            <div className="comments-footer">
                <div className="comments-footer-left" >
                    浏览1800次
                </div>
                <div className="comments-footer-right">
                    <i className="iconfont icon-xiaoxi tb1"></i>
                    <i className="iconfont icon-dianzan tb2"></i>
                </div>
                
            </div>
            
        </div>
         <div className="comments">
            <div className="happy">
                <img src={ FourImg } alt="" className="gdimg" />
                <div className="happy-img">
                    <img src={ IconHeader } alt="" />
                    <div className="happy-txet">
                        <h6>Happy Girl</h6>
                        <p>2018.7.25</p>
                    </div>
                </div>
            </div>
            <div className="comments-text">
                今天是我第一天学习,分享一下我的额笔记,嘿嘿~ <br/>
                管理者的概念与角色:<br/>
                管理者是在组织中通过这行计划、组织、领导、控制等职能 <br/>
                带领其他人为实现组织目标而共同努力的人。
            </div>
            <div className="comments-footer">
                <div className="comments-footer-left" >
                    浏览1800次
                </div>
                <div className="comments-footer-right">
                    <i className="iconfont icon-xiaoxi tb1"></i>
                    <i className="iconfont icon-dianzan tb2"></i>
                </div>
                
            </div>
        </div>
           <div className="comments">
            <div className="happy">
                <img src={ FourImg } alt="" className="gdimg" />
                <div className="happy-img">
                    <img src={ IconHeader } alt="" />
                    <div className="happy-txet">
                        <h6>Happy Girl</h6>
                        <p>2018.7.25</p>
                    </div>
                </div>
            </div>
            <div className="comments-text">
                今天是我第一天学习,分享一下我的额笔记,嘿嘿~ <br/>
                管理者的概念与角色:<br/>
                管理者是在组织中通过这行计划、组织、领导、控制等职能 <br/>
                带领其他人为实现组织目标而共同努力的人。
            </div>
            <div className="comments-footer">
                <div className="comments-footer-left" >
                    浏览1800次
                </div>
                <div className="comments-footer-right">
                    <i className="iconfont icon-xiaoxi tb1"></i>
                    <i className="iconfont icon-dianzan tb2"></i>
                </div>
                
            </div>
        </div>
        <div className="fiexd">
          <i className="iconfont icon-dianzan box11 "></i>  
            <span>发布内容</span>
        </div>
      </div>
    )
  }
}
